<style rel="stylesheet/scss" lang="scss" scoped>
  @import "../../../styles/prod.scss";
</style>
<template>
  <div class="app-container calendar-list-container">
    <div class="">
      <div class="app-container calendar-list-container">
        <el-tabs type="card">
          <!-- fob -->
          <el-tab-pane label="FOB费用">
            <fob-price></fob-price>
          </el-tab-pane>
          <!-- 全成本  -->
          <el-tab-pane label="全成本">
            <all-cost></all-cost>
          </el-tab-pane>
        </el-tabs>
      </div>
    </div>
  </div>
</template>
<script>
  import {
    mapGetters
  } from 'vuex';
  export default {
    components: {
      'all-cost': () =>
        import('./components/allCost'),
      'fob-price': () =>
        import('./components/fobPrice')
    },
    data() {
      return {

      }
    },
    computed: {
      ...mapGetters([
        'elements'
      ])
    }
  }

</script>
